<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>편지읽기</title>
<link type="text/css" rel="stylesheet" href="css/basic80.css" />
</head>
<body>
<div id="pop_wrap">
    <h1>
        <p>편지읽기</p>
    </h1>
    <!-- TOP버튼영역 -->
    <div class="btn_area">
        <div class="h_semi">타이틀 필요할때</div>
        <ul class="btns">
            <li class="group"><a href="#" class="btn_lft">답장</a></li>
            <li class="group"><a href="#" class="btn_cen">전체답장</a></li>
            <li class="btn_right"><a href="#" class="btn_rgt">전달</a></li>
            <li class="group"><a href="#"class="btn_lft">이동</a></li>
            <li><a href="#" class="btn_rgt">복사</a></li>
            <li class="group"><a href="#" class="btn_lft">삭제</a></li>
            <li><a href="#" class="btn_rgt">완전삭제</a></li>
            <li><span><a href="#">수신확인</a></span></li>
            <li><span><a href="#">회수</a></span></li>
        </ul>
        <div class="section_r">
            <ul class="btn_icons">
                <li class="flag"><img src="images/FLAGOFF.GIF" alt="" id="flag-icon-11" onclick="messageToggleFlag(this);" border="0" width="13" height="13"></li>
                <li><a onfocus="blur();" onclick="navigatePage('prev')" title="이전편지" class="btn_lft"><img src="images/btn_before.gif" alt="이전편지" width="18" height="16"></a></li>
                <li class="group"><a onfocus="blur();" onclick="navigatePage('next')" title="다음편지" class="btn_rgt"><img src="images/btn_next.gif" alt="다음편지" width="18" height="16"></a></li>
                <li class="btn_divider"></li>
                <li><a onfocus="blur();" onclick="" title="저장"><img src="images/btn_down.gif" alt="저장" width="18" height="16"></a></li>
                <li><a onfocus="blur();" onclick="printMessage();" title="인쇄보기"><img src="images/btn_print_view.gif" alt="인쇄보기" width="18" height="16"></a></li>
                <li><a onfocus="blur();" onclick="addNameCard();" title="주소록추가"><img src="images/btn_addr_add.gif" alt="주소록추가" width="18" height="16"></a></li>
                <li><a onfocus="blur();" onclick="emlView();" title="아웃룩보기"><img src="images/btn_outlook.gif" alt="아웃룩보기" width="18" height="16"></a></li>
            </ul>
        </div>
    </div>
    <!-- //TOP버튼영역 -->
    <div id="pop_container">
        <div class="contents"> 
            <!-- Info & Option 보기 -->
            <table class="basic_table" border="0" cellSpacing="0" cellPadding="0" width="100%">
                <col width="120">
                <col>
                <col width="120">
                <col width="25%">
                <tbody>
                    <tr>
                        <th>제목</th>
                        <td colspan="3">SmartOffice 1.0_메인화면 Layout & Timeline Layout</td>
                    </tr>
                    <tr>
                        <th>보낸이</th>
                        <td><a href="#">김윤호;</a> 외부메일사용자;</td>
                        <th>날짜</th>
                        <td>2012.07.25 15:58</td>
                    </tr>
                    <tr>
                        <th>받는이</th>
                        <td colspan="3">도신애; 허지예; 이석진 </td>
                    </tr>
                    <tr>
                        <th>참조인</th>
                        <td colspan="3">김윤호 </td>
                    </tr>
                    <tr>
                        <th>숨은참조</th>
                        <td colspan="3">최희선</td>
                    </tr>
                    <tr>
                        <th>상태</th>
                        <td colspan="3"><span class="inp_raochk">
                            <input disabled value="on" type="checkbox">
                            보안</span><span class="inp_raochk">
                            <input disabled value="on" type="checkbox">
                            긴급</span></td>
                    </tr>
                </tbody>
            </table>
            <!-- //Info & Option 보기 --> 
            <!-- 첨부파일 -->
            <table class="attach" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td><table cellspacing="0" cellpadding="0">
                            <col width="" />
                            <col width="16%" />
                            <tr class="theader">
                                <th scope="col"><span class="btn_tiny"><a href="#"><img src="images/btn_bul_down.gif">첨부다운</a></span>파일명</th>
                                <th scope="col" class="file_size">크기</th>
                            </tr>
                            <tr>
                                <td><a href="#"><img src="images/pubcon.gif" />첨부파일.doc</a></td>
                                <td class="file_size">50 KB<a href="#" class="del_file"></a></td>
                            </tr>
                            <tr>
                                <td><a href="#"><img src="images/pubcon.gif" />첨부파일.doc</a></td>
                                <td class="file_size">50 KB<a href="#" class="del_file"></a></td>
                            </tr>
                        </table></td>
                </tr>
            </table>
            <!-- //첨부파일 --> 
            <!-- 글내용 -->
            <div class="view_area">글 내용 영역입니다. <br>
                <br>
                컨텐츠가 보더에 딱 붙지 않고 여백을 좀 두었습니다.<br>
                기본 줄간테스트.. <br>
                <br>
                <a href="#">링크가 걸리면 어떻게 될까?</a></div>
            <!-- //글내용 --> 
        </div>
    </div>
    <!-- Foot버튼영역 -->
    <div class="btn_area foot">
        <ul class="btns">
            <li class="group"><a href="#" class="btn_lft">답장</a></li>
            <li class="group"><a href="#" class="btn_cen">전체답장</a></li>
            <li class="btn_right"><a href="#" class="btn_rgt">전달</a></li>
            <li class="group"><a href="#"class="btn_lft">이동</a></li>
            <li><a href="#" class="btn_rgt">복사</a></li>
            <li class="group"><a href="#" class="btn_lft">삭제</a></li>
            <li><a href="#" class="btn_rgt">완전삭제</a></li>
            <li><span><a href="#">수신확인</a></span></li>
            <li><span><a href="#">회수</a></span></li>
        </ul>
        <div class="section_r">
            <ul class="btn_icons">
                <li class="flag"><img src="images/FLAGOFF.GIF" alt="" id="flag-icon-11" onclick="messageToggleFlag(this);" border="0" width="13" height="13"></li>
                <li><a onfocus="blur();" onclick="navigatePage('prev')" title="이전편지" class="btn_lft"><img src="images/btn_before.gif" alt="이전편지" width="18" height="16"></a></li>
                <li class="group"><a onfocus="blur();" onclick="navigatePage('next')" title="다음편지" class="btn_rgt"><img src="images/btn_next.gif" alt="다음편지" width="18" height="16"></a></li>
                <li class="btn_divider"></li>
                <li><a onfocus="blur();" onclick="" title="저장"><img src="images/btn_down.gif" alt="저장" width="18" height="16"></a></li>
                <li><a onfocus="blur();" onclick="printMessage();" title="인쇄보기"><img src="images/btn_print_view.gif" alt="인쇄보기" width="18" height="16"></a></li>
                <li><a onfocus="blur();" onclick="addNameCard();" title="주소록추가"><img src="images/btn_addr_add.gif" alt="주소록추가" width="18" height="16"></a></li>
                <li><a onfocus="blur();" onclick="emlView();" title="아웃룩보기"><img src="images/btn_outlook.gif" alt="아웃룩보기" width="18" height="16"></a></li>
            </ul>
        </div>
    </div>
    <!-- //Foot버튼영역 --> 
    <!-- 하단 중앙 버튼 -->
    <div class="footcen">
        <ul class="btns">
            <li><span><a href="#">확인</a></span></li>
            <li><span><a href="#">취소</a></span></li>
        </ul>
    </div>
    <!-- //하단 중앙 버튼 --> 
</div>
</body>
</html>
